<template>
	<w-layout showTabbar showNavbar customNavbar navImmersive navBackgroundColor="transparent" :scrollTop="scrollTop"
		:navScrollColor="publicStyles['--color']">
		<template #navbar>
			<view class="navbar-box">
				<view @click="!userStore.isLogin && $u.route('/pages/login/index')" class="nav-header">
					<up-image :src="userStore.user_info.head_image" mode="scaleToFill" width="34" height="34"
						shape="circle"></up-image>
					<view v-if="userStore.isLogin" class="nav-header-point"></view>
				</view>
				<view class="nav-title">
					标题
				</view>
			</view>
		</template>


		<template #default>
			<view class="container">
				111

			</view>
		</template>
	</w-layout>
</template>

<script setup>
	import config from '@/common/config'
	import {
		ref,
		reactive,
		onMounted,
		getCurrentInstance,
		nextTick,
		computed,
	} from 'vue'
	import {
		onLoad,
		onPageScroll,
		onReachBottom
	} from '@dcloudio/uni-app'
	import {
		storeToRefs
	} from 'pinia'
	import {
		useAppStore
	} from '@/store/app'
	import {
		useColorStore
	} from '@/store/color'
	import {
		useUserStore
	} from '@/store/user'
	import {
		useWebviewStore
	} from '@/store/webview'
	const userStore = useUserStore()
	const appStore = useAppStore()
	const colorStore = useColorStore()
	const webviewStore = useWebviewStore()
	const {
		publicStyles
	} = storeToRefs(colorStore)

	onMounted(() => {
	})
	onLoad(async(options) => {
	})
	
</script>

<style lang="scss">
	
</style>